<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="{MODULE_URL}template/mobile/css/mui.css" rel="stylesheet" />
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style>
        body,html{
            width:100%;
            height:100%;
            margin: 0;
            padding: 0;
        }
        .app{
            height: 100%;
            width: 100%;
            position:relative;
            background:#fff;
            box-sizing: border-box;
            padding: 0 30px;
            padding-top: 30px;
        }
        .head{
            margin-bottom:30px;
            font-size:22px;
            color:#000;
            line-height: normal;
        }
        .editor{
            margin-bottom:30px;
            width:100%;
            display: flex;
        }
        .editor .editor_details{
            font-size:14px;
            color:darkgray;
            margin-right:10px;
        }
        .editor .company{
            color:cornflowerblue;
        }
        .matter{
            font-size:20px;
        }
    </style>
</head>

<body>
<div class="app">
    <div class="head">{$article[up_atticle_title]}</div>
    <div class="editor">
        <div class="editor_details">{$article[up_article_author]}</div>
        <div class="editor_details company">{$article[up_wecadeid]}</div>
        <div class="editor_details">{$article[up_time]}</div>
    </div>
    <div class="matter">{$article[up_content]}</div>
</div>
<script src="{MODULE_URL}template/mobile/js/mui.js"></script>
<script type="text/javascript">
    mui.init()
</script>
</body>
<script>
    wx.config({
        debug: false,
        appId: "{$jssdk[appId]}",
        timestamp: "{$jssdk['timestamp']}",
        nonceStr: "{$jssdk['nonceStr']}",
        signature: "{$jssdk['signature']}",
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
        ]
    });
    wx.ready(function () {

        var shareData = {
            title: '来51cto学习吧',
            desc: '51cto有好多经常的课程哦',
            link: 'http://www.baidu.com',
            imgUrl: "{php echo MODULE_URL;}template/mobile/img/icon.WLKQX2BMPYQCNP2Q3MH6ZSLLQMUO6UHE.png",
            success: function (res) {
                alert('已分享');
            },
            cancel: function (res) {
            }
        };

        wx.onMenuShareAppMessage({
            title: '来51cto学习吧',
            desc: '51cto有好多经常的课程哦',
            link: 'http://www.baidu.com',
            imgUrl: "{php echo MODULE_URL;}template/mobile/img/icon.WLKQX2BMPYQCNP2Q3MH6ZSLLQMUO6UHE.png",
            trigger: function (res) {
                //  alert('用户点击发送给朋友');
            },
            success: function (res) {
                alert('已分享');
            },
            cancel: function (res) {
                alert('已取消');
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
        wx.onMenuShareTimeline(shareData);
    });

    wx.error(function (res) {
        alert("error: " + res.errMsg);
    });
</script>
</html>
